body,header,main,section,footer,div,h1,h2,h3,p,ul,li,input,button{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html{
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif, Helvetica, sans-serif;
}
body{
  background-color: #C5CBEB;
  width: 100vw;
  height: 100vh;
}
li{
  list-style: none;
}
#app{
  position: relative;
  width: 100%;
  height: 100%;

  /* margin: .4rem 0; */
  color: #666;
}
h1{
  font-size: .3rem;
}
h2{
  font-size: .25rem;
}
h3{
  font-size: .15rem;
}

/*修改滚动条*/
/*-------------滚动条样式--------------*/
/* 滚动条 横竖 的 */
::-webkit-scrollbar {
    /* 竖置滚动条 宽度 */
    width: 6px;
    /* 横置滚动条 高度 */
    /*height: 8px;*/

}
/*正常情况下滑块的样式--滑块颜色*/
::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.70);
    border-radius: 10px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*放在滑块上的颜色*/
::-webkit-scrollbar-thumb:hover {
    background-color: rgba(119, 119, 119, 0.84);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分 //滚动条初始化颜色*/
::-webkit-scrollbar-track {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    /*background-color: rgba(239, 239, 239, 0.89);*/
}
/*鼠标悬浮在滚动条上的主干部分*/
::-webkit-scrollbar-track:hover {
    background-color: rgba(119, 119, 119, 0.15);
}
/*-------------------------------------*/


